<%-- $Id: albumList.jsp 164 2011-08-11 03:37:29Z bs24event@gmail.com $ --%><%--
--%><%@page pageEncoding="UTF-8"%><%--
--%><%@ include file="/common/common.jsp"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-style-Type" content="text/css" />
<meta name="robots" content="noindex,nofollow" />
<link rel="stylesheet" href="/css/base.css" type="text/css" />
<script type="text/javascript" src="/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.lazyload.mini.js"></script>
<title>Gyoujibook フォトアルバム一覧</title>
	<script type="text/javascript">
	$(function() {
		$("img").lazyload({
			placeholder : "/img/dummy.png",
			effect : "fadeIn"
		});
	});
	</script>
</head>
<body>
<div id="top">
	<%-- ヘッダー --%>
	<%@ include file="/common/header.jsp"%>
	<%-- コンテンツ --%>
	<div id="contents">
		<div id="main">
			<h2>フォトアルバム一覧</h2>
		</div>
		<form >
		<ul class="pola">
		<c:forEach var="album" items="${myAlbums}">
			<li class="album">
				<a href="/member/photo/photoList?albumid=${album.gphotoId}"><img alt="" src="${album.mediaThumbnails[0].url}"/></a>
				<p class="pl10"><c:out value="${album.title.plainText}"/></p>
			</li>
		</c:forEach>
		</ul>
		</form>
	</div><!-- contents end -->
	<%-- フッター --%>
	<%@ include file="/common/footer.jsp"%>
</div><!-- top end -->
</body>
</html>